<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>短盾短域名-企业级短链接生成工具</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="网址缩短,缩短网址,域名缩短,长网址缩短,缩网址,短网址,短网址生成,网址微缩,网址压缩,网址变短,网址转向,网址重定向,短域名,短链接,微博网址工具"/>
  <meta name="description" content="dwz3.cn为你提供:短网址服务,短网址转换,淘宝网址压缩,数据实时统计,使你更加了解你的用户,准备好提升你的品牌,发掘新的受众了吗"/>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link href="./static/stack/css/stack-interface.css?_v=20180112006" rel="stylesheet" type="text/css" media="all">
  <link href="./static/stack/css/iconsmind.css?_v=20180112006" rel="stylesheet" type="text/css" media="all"/>
  <link href="./static/stack/css/bootstrap.css?_v=20180112006" rel="stylesheet" type="text/css" media="all"/>
  <link href="./static/stack/css/stack-interface.css?_v=20180112006" rel="stylesheet" type="text/css" media="all"/>
  <link href="./static/stack/css/theme.css?_v=20180112006" rel="stylesheet" type="text/css" media="all"/>
  <link href="./static/stack/css/custom.css?_v=20180112006" rel="stylesheet" type="text/css" media="all"/>
  <link rel="stylesheet" href="./common/layui/css/layui.css">
  <link rel="stylesheet" href="./common/css/common.css">
  <link rel="stylesheet" href="./common/css/index.css">
  <script src="./common/js/ddlink.min.js?_v=20180112006"></script>
  <script src="./common/layui/layui.all.js"></script>
  <script src="./common/js/qrcode.min.js"></script>
  <script src="./common/js/jquery/jquery-3.1.1.min.js"></script>
</head>
<body data-smooth-scroll-offset="77">
<div class="nav-container">
  <div class="via-1498334084752" via="via-1498334084752" vio="dwz3_standard">
    <div class="bar bar--sm visible-xs">
      <div class="container">
        <div class="row">
          <div class="col-xs-3 col-sm-2">
            <a href="/" target="_self"><img class="logo" alt="logo" src="./static/stack/img/ddlink_logo.png"></a>
          </div>
          <div class="col-xs-9 col-sm-10 text-right">
            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs hidden-sm"> <i
              class="icon icon--sm stack-interface stack-menu"></i> </a>
          </div>
        </div>
      </div>
    </div>
    <nav id="menu1" class="bar bar-1 hidden-xs bg--dark bar--absolute bar--transparent">
      <div class="container">
        <div class="row">
          <div class="col-md-1 col-sm-2 hidden-xs">
            <div class="bar__module">
              <a href="/" target="_self"><img class="logo" alt="logo" src="./static/stack/img/ddlink_logo.png"></a>
            </div>
          </div>
          <div class="col-sm-12 text-right text-left-xs text-left-sm col-md-11">
            <div class="bar__module">
              <ul class="menu-horizontal text-left">
                <li><a href="http://www.ddlink.vip/admin/#/user/login" target="_blank" class="login">登录</a></li>
                <li><a href="http://www.ddlink.vip/admin/#/user/register" target="_blank" class="register">注册</a></li>
                <li><a href="./price.html" target="_self">价格</a></li>
                <li><a href="./about.html" target="_self">联系我们</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </nav>
  </div>
</div>
<div class="main-container">
  <section class="cover imagebg text-center height-80 parallax" data-overlay="8">
    <div class="background-image-holder"><img alt="background" src="./static/stack/img/bg-lg.jpg"></div>
    <div class="container pos-vertical-center">
      <div class="row">
        <div class="col-sm-10 col-md-8">
          <h1><b>企业级短链接生成工具</b><br></h1>
          <p class="lead"></p>
          <div class="layui-form">
            <div class="layui-row">
              <div class="boxed boxed--lg bg--white text-left">
                <div class="col-sm-9">
                  <input style="font-size: 12px;height: 40px;" type="text" class="input-url" name="longUrl"
                         id="url" lay-verify="required|url1" lay-required
                         placeholder="粘贴需要缩短的网址" autocomplete="off"></input>
                </div>
                <br>
                <div class="col-sm-3">
                  <button id="urlCreateBtn" type="submit" lay-submit lay-filter="createShortUrl" class="btn type--uppercase btn--primary">
                    立即生成
                  </button>
                </div>
                <p style="font-size: 12px;color: #9c9797;padding: 5px 0 0 15px;">
                  <br>
                  提示：游客身份发布的链接仅供短时间测试使用，如需稳定服务，请登录后再添加链接</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="bg--secondary space--xs">
    <div class="container">
      <div class="row">
        <div class="col-sm-4">
          <div class="feature feature-2 boxed boxed--border">
            <img class="link-img" src="./static/stack/img/场景-电商.png" alt="">
            <!--            <i class="icon color&#45;&#45;primary icon-Hand-Touch"></i>-->
            <div class="feature__body">
              <p><b>电商推广</b><br>淘宝/京东/天猫/拼多多/有赞/其他电商，一键生成分发链接，点击直达商品详情页，减少跳转流失；全面促进高效精准化社群投放。</p>
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="feature feature-2 boxed boxed--border">
            <img class="link-img" src="./static/stack/img/场景-短信.png" alt="">
            <div class="feature__body">
              <p><b>营销短信</b><br>压缩短信原始地址，以满足运营商字数限制，减少营销资费，助力批量短信触达；全国所有城市均可覆盖，访问速度稳定。</p>
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="feature feature-2 boxed boxed--border">
            <img class="link-img" src="./static/stack/img/场景-视频.png" alt="">
            <div class="feature__body">
              <p><b>视频分享</b><br>QQ/微信域内分发视频/直播类网站，缩短域名的同时，高带宽云服务保障稳定性，防封技术检测保障打开率，多重技术加持助力业务增长。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="text-center">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-3">
          <div class="text-block">
            <img class="link-img" src="./static/stack/img/永久生效.png" alt="">
            <h4>永久生效</h4>
            <p> 本站链接地址永久生效</p>
          </div>
        </div>
        <div class="col-sm-8 col-md-3">
          <div class="text-block">
            <img class="link-img" src="./static/stack/img/安全护航.png" alt="">
            <h4>安全护航</h4>
            <p> 四重加密，防红/防封/防劫持</p>
          </div>
        </div>
        <div class="col-sm-8 col-md-3">
          <div class="text-block">
            <img class="link-img" src="./static/stack/img/坚挺抗压.png" alt="">
            <h4>坚挺抗压</h4>
            <p> 超强服务器，可抗超高并发</p>
          </div>
        </div>
        <div class="col-sm-8 col-md-3">
          <div class="text-block">
            <img class="link-img" src="./static/stack/img/批量生成.png" alt="">
            <h4>批量生成</h4>
            <p> 批量创建，高效生成链接</p>
          </div>
        </div>
        <div class="col-sm-8 col-md-3">
          <div class="text-block">
            <img class="link-img" src="./static/stack/img/数据统计.png" alt="">
            <h4>数据统计</h4>
            <p> 精准流量统计，报表一键查看</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 弹出层 -->
    <div class="mtk" style="display: none;" id="tab">
      <div class="layui-tab mtk-item" lay-filter="filter">
        <ul class="layui-tab-title title">
          <span data-ajax="0" class="iconfont iconguanbi1" style="display: none;" id="close1"></span>
          <li class="average" id="tab-item">生成短链接成功！</li>
        </ul>
        <div class="layui-tab-content yemian">

        </div>
        <div class="fixedBtn" style="line-height: 45px;">
        </div>
      </div>
    </div>
  </section>
  <footer class="text-center-xs space--xs bg--dark">
    <div class="container">
      <div class="row">
        <div class="col-sm-7"><span class="type--fine-print">© <span
          class="update-year">2020</span>&nbsp; 短盾科技版权所有</span>
          <a class="type--fine-print" href="https://beian.miit.gov.cn" target="_blank">沪ICP备2021000070号</a>
        </div>
      </div>
    </div>
  </footer>
</div>
<script src="./static/stack/js/jquery-3.1.1.min.js?_v=20180112006"></script>
<script src="./static/stack/js/parallax.js?_v=20180112006"></script>
<script src="./static/stack/js/granim.min.js?_v=20180112006"></script>
<script src="./static/stack/js/smooth-scroll.min.js?_v=20180112006"></script>
<script src="./static/stack/js/scripts.js?_v=20180112006"></script>
<script nonce=pagejs>

  layui.use(['jquery', 'element', 'carousel'], function () {
    var $ = layui.jquery

    $(document).ready(function () {
      function uuidv4() {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
          var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
          return v.toString(16);
        });
      }

      var form = layui.form
      //表单正则
      form.verify({
        url1: function (value) {
          if (value.trim() == '') {
            return 'URL链接格式不正确'
          }
        },
      });

      $(".input-url").keypress(function (e) {
        if (e.which == 13) {
          $("#urlCreateBtn").click()
        }
      });

      form.on('submit(createShortUrl)', function (formdata) {
        let urlToken = sessionStorage.getItem("urlToken")
        console.log(formdata)
        if (urlToken === null) {
          urlToken = uuidv4()
          sessionStorage.setItem("urlToken", urlToken)
        }
        var load = layer.load()
        $.ajax({
          type: 'post',
          timeout: 10000,
          // url: 'http://www.ddlink.info/goadminapi/api/v1/turl/short/add/' + urlToken,
          url: 'https://ddlink.vip/goadminapi/api/v1/turl/short/add/' + urlToken,
          data: JSON.stringify(formdata.field),
          success: function (data) {
            console.log(data);
            if (data.code == 200) {
              layer.close(load)
              var html =
                `<p style="margin-top: 5px">您的长链接 : <span style="color:red;">${$('#url').val()}</span></p>
             <p style="margin-top: 5px">生成的短连接 : <span style="color:${data.code == 200 ? 'green' : 'red'};">${data.code == 200 ? data.data[0].url : data.msg}</span></p>
            <p style="margin-top: 10px"><div id="imgSrc" style="margin-bottom:5px;width:200px;height:200px;display:${data.code == 200 ? 'inline-block' : 'none'};"></div></p>
            <button id="confirm" style="height: 30px;line-height: 30px;" class="layui-btn layui-btn-normal">复制</button>
            <button style="height: 30px;line-height: 30px;margin-left: 50px" class="layui-btn layui-btn-primary" style="margin-left: 36px;" id="close">关闭</button>
            `
              $('#tab').css('display', 'block')
              $('#close').css('display', 'none')
              $('.yemian').html(html)
              $('.fixedBtn').html('').css('height', '0')
              var qrcode = new QRCode("imgSrc", {
                width: 200,
                height: 200
              });
              console.log(qrcode);
              qrcode.makeCode(data.data[0].url);
              $('#confirm').on('click', function () {
                new ClipboardJS('#confirm', {
                  text: function (trigger) {
                    return data.data.url;
                  }
                });
                layer.msg('复制成功', {
                  icon: 1,
                  anim: -1,
                  time: 1000,
                  skin: 'fuzhi-demo',
                  isOutAnim: false,
                });
              })

              $('#close').click(function () {
                $('#tab').css('display', 'none')
                $('.mtk-item').css({
                  "top": '200px',
                  "left": '50%'
                })
              })
            } else {
              msg = "<p>当前您为非会员，流量&有效期都将受到限制。<a style='color: blue' href='https://www.ddlink.vip/admin/#/torder/add'>升级会员</a>可享无限流量/海外链接/专项防红特权。</p>"
              layer.msg(msg, {
                icon: 1,
                anim: -1,
                time: 7000,
                area: "700px",
                skin: 'fuzhi-demo',
                isOutAnim: false,
              });
              layer.close(load)
              // window.location.href = 'http://www.ddlink.info/admin/#/user/login'
            }
          }
        });
      })
    })
  })
</script>
<script nonce="global">
  _dwz({watermark_txt: '20201220123559<br>183.27.199.92'});
</script>
<!-- baidu tongji code -->
<!-- /baidu tongji code -->
</html>
